<%@page language="java" contentType="text/html" pageEncoding="UTF-8"%>
<%@page errorPage="/pages/error.jsp" %>
<jsp:directive.page import="java.util.ArrayList"/>
<jsp:directive.page import="java.io.File"/>
<jsp:directive.page import="java.util.Iterator"/>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>JACoMode</title>
        <meta name="author" content="Jonathan MERCIER, Louise-Amélie SCHMITT, Florence Maurier, Marianne Dussart, Nicolas Fontaine"/>
        <meta name="keywords" content="bioinformatique,bioinformatiques,bioinformatic,bioinformatics,open source,linux,software,logiciel,biologie,biology,ADN,DNA,protéine,proteomic,génomique,genomic,protéomique,proteomic,pathway,metatool,ACoM,JACoMode,Java,JEE,JSP,metabolic,network"/>
        <meta name="description" content="JACoMode it is a tool for analysis metabolic network"/>
        <meta name="ROBOTS" content="INDEX, FOLLOW"/>
        <link href="JACoMode.css" rel="stylesheet" type="text/css"/>
        <script type='text/javascript' src='/JACoMode/dwr/interface/Content.js'></script>
        <script type='text/javascript' src='/JACoMode/dwr/engine.js'></script>
        <script type='text/javascript' src='/JACoMode/dwr/util.js'></script>
        <script type="text/javascript" src='dynamicForward.js'></script>
    </head>
    <body>
        <div id="conteneur">
            <div id="header">
				<div class="hd"></div>
				<div class="bd"></div>
                <a href="index.jsp"><img src="IMAGES/JACoMode.png" width="270" height="60" alt="JACoMode.png"/></a><h2>Graphical frontend for ACoM</h2>
            </div>
                        <div id="left">
                <div class="hg"></div>
                <div class="hd"></div>
                <div class="bg"></div>
                <div class="bd"></div>
                <p class="titleCenter" >Menu</p>
                <a href="#" title="Process new file"    onclick="forward('acomForm')"           onmouseover="return overImage('processNewFile')"       onMouseOut= "return outImage('processNewFile')"    ><img id="processNewFile"    src="IMAGES/buttons/processNewFile1.png"      width="180" height="46" alt="link to process new file web page" /></a><br/>
                <a href="resultTable" title="Table result"                                      onmouseover="return overImage('tableResult')"          onMouseOut= "return outImage('tableResult')"       ><img id="tableResult"       src="IMAGES/buttons/tableResult1.png"         width="180" height="46" alt="link to table result web page"     /></a><br/>
                <a href="#" title="Comparaison"         onclick="forward('compareForm')"        onmouseover="return overImage('compareStatistics')"    onMouseOut= "return outImage('compareStatistics')" ><img id="compareStatistics" src="IMAGES/buttons/compareStatistics1.png"   width="180" height="46" alt="link to statistics web page"       /></a><br/>
                <a href="#" title="Overall reaction"    onclick="forward('bilanForm')"          onmouseover="return overImage('overallReaction')"      onMouseOut= "return outImage('overallReaction')"   ><img id="overallReaction"   src="IMAGES/buttons/overallReaction1.png"     width="180" height="46" alt="link to overall reaction web page" /></a><br/>
                <a href="#" title="About JACoMode"      onclick="forward('about')"              onmouseover="return overImage('about')"                onMouseOut= "return outImage('about')"             ><img id="about"             src="IMAGES/buttons/about1.png"               width="180" height="46" alt="link to about web page"            /></a><br/>
        </div>
        <div id="center">
            <div class="hg"></div>
            <div class="hd"></div>
            <div class="bg"></div>
            <div class="bd"></div>
            <h1>Compare statistics</h1>

            <p class="help">
                Here you can compare statistics generated by previous data analysis of the same files for different values for the similarity threshold and the minimum motif size.
                Just select .cvs files from different archives or the archives themselves.
                You can select as many fields as you need for comparison.
            </p>


            <form method="post" action="bilanArchiveCompare" >
                <p class="instruction">
                    Compare statistics from .tar.bz2 archives
                </p>

                <ol id="archive_area">
                    <%
                        ArrayList<File> listCsvFile = (ArrayList<File>)request.getAttribute("listCsvFile");
                        Iterator        iterator    = listCsvFile.iterator();
                        while (iterator.hasNext())
                        {
                            File file = (File)iterator.next();
                            out.println("<li><input type=\"checkbox\" name=\""+file.getAbsolutePath()+"\">"+file.getName()+"</li>");
                        }
                    %>
                </ol>
                <center><input type="submit" value="Process"></center>
                </form>

            <%
                out.println("<p><span  class=\"textBold\">note: </span><span  class=\"textRed\">current id session " + request.getAttribute("id")+"</span></p>");
            %>
            </div>
            <div id="foot">
            </div>
        </div>
    </body>
</html>
